html {
    font-family:"微软雅黑", sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
html {
    font-size: 37.5px;
}
@media only screen and (min-width: 400px) {
    html {
        font-size: 40px !important;
    }
}
@media only screen and (min-width: 414px) {
    html {
        font-size: 41.4px !important;
    }
}
@media only screen and (min-width: 480px) {
    html {
        font-size: 48px !important;
    }
}
/*@font-face {*/
    /*font-family: 'iconfont';  !* project id 286127 *!*/
    /*src: url('../font/iconfont.eot');*/
    /*src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'),*/
    /*url('../font/iconfont.woff') format('woff'),*/
    /*url('../font/iconfont.ttf') format('truetype'),*/
    /*url('../font/iconfont.svg#iconfont') format('svg');*/
/*}*/

body{color:#333; -webkit-font-smoothing: antialiased;}
a{color:#333; text-decoration:none; cursor:pointer; outline: 0 none;}
a:hover{ text-decoration:none;color:#00b9ef;}
a:focus{-moz-outline-style:none; border:0;blr:expression(this.onFocus=this.blur());}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,p,blockquote,th,td{margin:0; padding:0;}
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
ol,li,ul,dl,dt,dd{list-style:none;}
fieldset,img {border:0}
button,input,select ,textarea{
    vertical-align:middle;
    border:none;
    -webkit-appearance:none;
    appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    outline: none;
}
select::-ms-expand { display: none; }
input{outline:none}
input::-webkit-input-placeholder{color: #e7e7e7;}
button{ cursor:pointer;border: 0}
h1,h2,h3,h4,h5,h6{font-size:inherit; font-weight:lighter;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
select,button{font-family:inherit; font-size:inherit; font-weight:inherit; outline-style:none; outline-width:0pt; padding: 0; margin: 0;cursor: pointer}
b,em,i{display:inline-block; font-weight:normal; font-style:normal;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix{ zoom:1;}
.container {  position:relative; margin:0 auto;}
.box-shadow{box-shadow: 1px 0 15px rgba(232, 231, 231, 0.63), 0 1px 15px rgba(197, 195, 195, 0.6), -1px 0 15px rgba(222, 222, 222, 0.62);}
.fl{float:left;}
.fr{float:right;}
/*i{font-family: iconfont;}*/
.dis-none{display: none;}
.centered{
    position: absolute;
    margin: auto;
    right: 0;
    bottom: 0;
    top:0;
    left: 0;
}
.content{
    width: 100%;
    overflow: hidden;
    background: #f1f1f1;
}
.bg-fff{background: #fff;}
.bg-blue{background: #00b9ef;}
.bg-black{background: #777}
.column-around,
.row-around,
.row-between,
.center,
.start-row,
.start-column{
    display: flex;
    flex-flow: column wrap;
    justify-content: space-around;
    align-items: center;
}

.start-row{
    flex-flow:row nowrap;
    justify-content: flex-start;
}
.center{
    justify-content: center;
}
.row-around{
    flex-flow: row wrap;
}
.row-between{
    flex-flow: row nowrap;
    justify-content: space-between;
}
.bor-bot{
    border-bottom:1px solid #c9c9c9 ;
}
.obtn{
    width: 3rem;
    height: 1rem;
    border-radius: 0.15rem;
    padding: 0 0.5rem;
    color: #fff;
}
.fz14{
    font-size: 0.25rem;
}
.fz15{
    font-size: 0.32rem;
}
.fz16{
    font-size: 0.35rem;
}
.fz24{
    font-size: 0.4rem;
}
.fz28{
    font-size: 0.65rem;
    font-weight: bold;
}
.fz30{
    font-size: 0.8rem;
    font-weight: bold;
}
.fcblue{
    color: #00b9ef;
}
.fcfff{
    color: #fff;
}
.fc333{
    color: #303030;
}
.fc777{
    color: #777;
}
.bg-red{
    background: #e3364a;
}
.mt10{
    margin-top: 0.2rem;
}
.ml10{
    margin-left: 0.2rem;
}
.ml50{
    margin-top: 2rem;
}
.mt30{
    margin: 0.3rem;
}
.mr50{
    margin-right: 0.5rem;
}
.small-circle,.medium-circle{
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}
.medium-circle{
    width: 0.7rem;
    height: 0.7rem;
}
.btn{
    width: 100%;
    padding: 0.3rem 0;
    background: #00b9ef;
    border-radius: 0.15rem;
}

/*导航部分*/
.nav{
    height:70px;
    background: #fff;
}
.nav img{
    width: 0.6rem;
    vertical-align: middle;
}
.logo{
    margin-left: 0.5rem;
}
.menu li{
    display: inline-block;
    font-size: 0.35rem;
    cursor: pointer;
    margin-right: 0.2rem;
    padding: 0.5rem 0.7rem;
}
.li-active a{
    color: #fff;
}
.label-left{
    padding: 0.2rem 0.4rem;
    border-radius: 0.15rem 0 0 0.15rem;
}

.laypage{
    margin: 0.6rem 0;
    text-align: center;
}
/*实心标签*/
.small-lable {
    color: #ababab;
    background: #eee;
    font-size: 0.3rem;
    padding: 0 0.2rem;
    border-radius: 0.05rem;
}
.large-lable{
    color: #303030;
    background: #c9c9c9;
    font-size: 0.3rem;
    padding: 0.2rem 1rem;
    border-radius: 0.05rem;
}
/*空心标签*/
.border-lable{
    font-size: 0.3rem;
    padding: 0 0.2rem;
    border:1px solid #00b9ef;
    border-radius: 0.05rem;
    color: #00b9ef;
}
/*弹出层*/
.pop_bg {
    background: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
}
.hint{
   width: 15rem;
    height: 10rem;
    background: #fff;
    border-radius: 0.2rem;
    z-index: 15;
}
.hint p{
    width: 94%;
    margin: 0.3rem auto;
}
/*文本域*/
.textarea{
    display: block;
    width: 94%;
    text-indent: 0.3rem;
    margin: 0 auto;
    border:0;
    background: #eee;
    border-radius:0.2rem;
    outline: none;
    resize:none;
    text-align: left;
}
/*版权*/
.copy{
    color: #fff;
    text-align: center;
    margin-top: 0.5rem;
    padding: 0.3rem 0;
}
.must{
    color: #e3364a;
    margin-left: 0.2rem;
    font-size: 0.5rem;
}
/*禁用点击*/
.disabled { pointer-events: none; }
.li-active{
    background: #00b9ef;
    color: #fff;
}
.actives{
    color: #17bff0;
}
[v-cloak]{display: none;}
